<!DOCTYPE html>
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>分享——帖子详情</title>
        <script type="text/javascript" src="__PUBLIC__/sban/scripts/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" charset="utf-8">

		</script>
		<link rel="stylesheet" href="__PUBLIC__/css/mui.min.css">
		<style>
			html,
			body {
				background-color: #efeff4; 
			}
			.mui-bar-nav~.mui-content {
				padding: 0;
			}
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.mui-title input {
				width: 75%;
				height: 28px;
                border-radius: 5px;
                background: #CAFFE0;
                border: 1px solid #DDDDDD;
                font-size: 14px;
                color: #aaa;
                padding-left: 10px;
                padding-right:20px; 
                margin-left: 40px;
                background:url("images/fdj.png") no-repeat scroll right center transparent; 
			}
			#replay {
				
			}
		</style>
	</head>
	<body>
		<div class="mui-bar mui-bar-nav">
			<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav" style="float: left;height: 40px;line-height: 40px;"></span>
				<img src="__PUBLIC__/images/logo.png"  style=" height: 40px;"/>
			</button>
			<h1 class="mui-title">帖子详情</h1>
			<a href="#shareMenu" class="mui-icon mui-icon-upload mui-pull-right"></a>
		</div> 
		<div class="mui-content course_second" style="background: white;padding: 56px 15px 11px;" id="noteDitail">
			<p style="color: #1197A6;font-size: 16px;">{{$list.title}}</p>
			<if condition="($list.top eq '1')">
			<span style="width: 20px;height: 20px;background-color: #C8902A;position: absolute;">{{$list.top}}</span>
			</if>
			<p style="float: right;">
				观看&nbsp;<span style="color: #83E5AB;">{{$list.number}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
				回复&nbsp;<span style="color: #83E5AB;">{{$list.note_count}}</span>
			</p>
			<div style="border-bottom: 1px solid #eee;padding-top: 40px;margin-bottom: 15px;"></div>
			<div style="padding-bottom: 15px;">
				<img alt="__PUBLIC__/images/login/{{$list.image_user}}" src="__PUBLIC__/images/login/{{$list.image_user}}" style="float: left;padding-right: 15px;" />
				<p><span style="color: #000000;font-size: 16px;">{{$list.username}}</span><span style="float: right;">{{$list.days}}天前</span></p>
				<span style="border-radius: 10px;background: #00CA75;padding: 2px 5px;font-size: 12px;">楼主</span>
			</div>
			<p style="color: #000;font-size: 16px;">{{$list.content}}</p>
			<img alt="__PUBLIC__/images/login/{{$list.image_user}}" src="__PUBLIC__/images/login/{{$list.image_user}}" style="width: 100%;" />
        </div>
        
        <!--
        	描述：评论
        -->
		<div style="padding: 11px 0px;margin-top: 11px;" id="noteOneList"> 
		<foreach name="noteOne" item="one">
		
		<div class="mui-content course_second" style="background: white;padding: 11px 15px;margin-top: 11px;">
			<div style="padding-bottom: 15px;">
				<img alt="__PUBLIC__/images/login/{{$list.image_user}}" src="__PUBLIC__/images/login/{{$one.image_user}}" style="float: left;padding-right: 15px;" />
				<p><span style="color: #000000;font-size: 16px;">{{$one.username}}</span><span style="float: right;">{{$key+1}}楼&nbsp;&nbsp;{{$one.days}}天前</span></p>
			</div>
			<p style="color: #000;font-size: 16px;">{{$one.message}}</p>
			<p style="height: 10px"><span class="mui-icon mui-icon-chatbubble-filled" style="float: right;"></span></p>
        </div>
        <foreach name="noteTwo" item="obj3">
        <if condition="($one.id eq $obj3[note_one_id])">
	        <div class="mui-content course_second" style="background: #efeff4;padding: 11px 15px;margin-top: 11px;">
			<div style="padding-bottom: 15px;border:0;">
			<p><span style="color: #000000;font-size: 16px;">{{$obj3.name}}>回复>{{$obj3.twoname}}</span><span style="float: right;">{{$obj3.days}}天前</span></p>
			</div><p style="color: #000;font-size: 16px;">{{$obj3.words}}</p>
			<p style="height: 10px"><span class="mui-icon mui-icon-chatbubble-filled chat_replay" style="float: right;"></span></p>
			</div>
		</if>
        </foreach>
        
        </foreach>
        
        </div>
        <!--
        	描述：回复楼主
        -->
		<div class="mui-bar mui-bar-tab" id="replay" style="background: #E4E9EA;line-height: 45px;">
			<input type="text" placeholder="回复楼主" disabled="disabled" style="width: 80%;padding: 0;margin: 0;padding-left: 5px;margin-left: 5px;" />
			<p style="float: right;width: 18%;text-align: center;margin: 0;" >回复</p>
			<div id="headImgDiv"></div>
			<a href="#picture"><img id="pic_r" style="width: 18vw;margin-left: 2vw;display: none;" src="../../images/addimg.png"/></a>
		</div>
	</body>
</html>